<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>非模块化方式使用layui</title>
    <link rel="stylesheet" href="./layui/css/layui.css"> </head>

<body>
    <script>
        layui.config({
            //layui.js 所在路径（注意，如果是script单独引入layui.js，
            //无需设定该参数。），一般情况下可以无视
            dir: '/res/layui/'
            //一般用于更新模块缓存，默认不开启。设为true即让浏览器不缓存。
            //也可以设为一个固定的值，如：201610
            , version: false
            //用于开启调试模式，默认false，如果设为true，则JS模块的节点会保留在页面 
            , debug: false
            //设定扩展的Layui模块的所在目录，一般用于外部模块扩展 
            , base: ''
        });

        layui.define(function (exports) {
            //do something
            //...
            exports('demo', function () {
                alert('Hello World!');
            });
        });

        layui.define(['layer', 'laypage'], function (exports) {
            //do something
            //...
            exports('demo', function () {
                alert('Hello World!');
            });
        });

        layui.use(['laypage', 'layedit'], function () {
            var laypage = layui.laypage
                , layedit = layui.layedit;

            //do something
        });

        layui.use(['laypage', 'layedit'], function (laypage, layedit) {
            //使用分页
            laypage();
            //建立编辑器
            layedit.build();
        });

        //【增】：向test表插入一个nickname字段，
        //如果该表不存在，则自动建立。
        layui.data('test', {
            key: 'nickname'
            , value: '贤心'
        });

        //【删】：删除test表的nickname字段
        layui.data('test', {
            key: 'nickname'
            , remove: true
        });
        layui.data('test', null); //删除test表

        //【改】：同【增】，会覆盖已经存储的数据

        //【查】：向test表读取全部的数据
        var localTest = layui.data('test');



    </script> </body>

</html>